<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/zui.css"/>
		
		
		
	</head>
	<body>
		<h2 class="text-center">订单管理</h2>
		<div class="container">
				<div class="col-xs-2">
					<div class="input-group">
					  <span class="input-group-addon">订单id</span>
					  <input type="text" class="form-control" id="user-name" placeholder="">
					</div>
				</div>

             <div class="col-xs-5">
					<div class="input-group">
						<span class="input-group-addon">上传时间</span>
						<input type="text" class="form-control form-datetime" id="start-date" placeholder="请选择开始时间">
						<span class="input-group-addon">至</span>
						<input type="text" class="form-control form-datetime" id="end-date" placeholder="请选择结束日期">
					</div>
				</div>
				<div class="col-xs-3">
					<div class="input-group">
					  <span class="input-group-addon" id="user-edua">订单状态</span>
					   <select class="form-control">
					      <option value="启用">启用</option>
						  <option value="禁用">禁用</option>
					    </select>
					 
					</div>
				</div>
				<div class="col-xs-2">
					<button type="button" class="btn btn-primary"><i class="icon icon-search"></i></button>
				</div>
				<table class="table table-striped" id="table" style="margin-top: 50px">
					<thead>
							<tr>
								<th>id</th>
								<th>商家</th>
								<th>订单数量</th>
								<th>订单开始时间</th>
								<th>订单结束时间</th>
								<th>状态</th>
								<th>操作</th>
								
							</tr>
					</thead>
					<tbody id="user-table">
					
					</tbody>
				</table>
				<ul class="pager" data-ride="pager" data-page="2" data-rec-total="89" data-max-nav-count="4" data-elements="prev_icon,nav,next_icon" id="pagenext"></ul>
		</div>
		

		
		
		<script src="js/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/zui.min.js" type="text/javascript" charset="utf-8"></script>
		
	</body>
</html>
